// 二级菜单
$('#header_box>ul>li').hover(function(){
    $(this).find('div').show();
},function(){
    $(this).children('div').hide();
})

$('.input').on('click',function(){
    $('#lieb').css({'display': 'block'})
    $('.input>span').css({'transform': 'rotateY(180deg)'})
})
$('#lieb>li').on('click',function(){
    $(this).addClass("bb").siblings('li').removeClass('bb');
    $('#lieb').addClass("cc");
})

function getHotGoods(){
    $.get("../php/getGoodsList.php?typeId=001",function(data){
        let GoodsList = JSON.parse(data);
        // console.log('GoodsList',GoodsList);
        let htmlStr = '';
        GoodsList.forEach(goods=>{
            htmlStr+=`
            <li onclick="location.href='detail_page.html?goodsId=${goods.goodsId}'">
                <img src="../${goods.goodsImg}" alt="">
                <img src="../${goods.beiyong1}" alt="" class="image">
                <div>快速预览</div>
                <p>${goods.goodsDesc}</p>
                <p>￥${goods.goodsPrice}</p>
            </li>
            `;
        })
        $('#right_box').html(htmlStr);
    })    
}

$(function(){
    getHotGoods();
})



// 矢量图
$('.icon-liweisi').hover(function () {
    // over
    $(this).next().show()
    $(this).css({'background':'black','color':'white'})
}, function () {
    // out
    $(this).next().hide()
    $(this).css({'background':'white','color':'black'})
}
)
$('.icon-kaiqidingzhi').hover(function () {
    // over
    $(this).next().show()
    $(this).css({'background':'black','color':'white'})
}, function () {
    // out
    $(this).next().hide()
    $(this).css({'background':'white','color':'black'})
}
)
$('.icon-LEVIShuiyuan').hover(function () {
    // over
    $(this).next().show()
    $(this).css({'background':'black','color':'white'})
}, function () {
    // out
    $(this).next().hide()
    $(this).css({'background':'white','color':'black'})
}
)